import React from 'react';
import { Icon } from './base';

/**
 * &#xe650; 橱窗
 *
 * @export
 * @class IconShowcase
 * @extends {Icon}
 */
export default class IconShowcase extends Icon {
    render() {
        const { color, className, style } = this.props;

        const { width, height } = this.getSize();

        return (
            <svg viewBox="0 0 1024 1024" width={width} height={height} style={style} className={className}>
                <path
                    d="M521.557333 498.8416a50.3808 50.3808 0 0 0-50.8928 50.858667v132.266666h101.751467v-132.266666a50.3808 50.3808 0 0 0-50.858667-50.858667M377.070933 559.889067a50.363733 50.363733 0 0 0-50.858666 50.858666v71.236267h101.717333v-71.236267a50.3808 50.3808 0 0 0-50.858667-50.858666M663.978667 539.528533a50.363733 50.363733 0 0 0-50.858667 50.858667v91.579733h101.717333v-91.579733a50.363733 50.363733 0 0 0-50.858666-50.858667"
                    fill={color}
                />
                <path
                    d="M769.774933 687.479467c0 12.1856-9.898667 22.101333-22.101333 22.101333H276.3264a22.135467 22.135467 0 0 1-22.101333-22.101333V459.554133c0-12.202667 9.915733-22.1184 22.101333-22.1184H747.690667c12.1856 0 22.101333 9.898667 22.101333 22.1184v227.925334zM496.810667 304.605867c4.846933 1.518933 9.864533 2.56 15.2064 2.56 6.178133 0 12.049067-1.262933 17.527466-3.2768l98.901334 82.346666H407.722667l89.088-81.629866z m250.88 81.629866h-39.2192L562.346667 264.533333a51.029333 51.029333 0 0 0 0.8704-8.584533 51.2 51.2 0 0 0-102.4 0c0 3.805867 0.477867 7.4752 1.262933 11.042133l-130.1504 119.227734h-55.586133a73.386667 73.386667 0 0 0-73.301334 73.3184v227.925333a73.386667 73.386667 0 0 0 73.301334 73.301333H747.690667a73.386667 73.386667 0 0 0 73.301333-73.301333V459.554133a73.386667 73.386667 0 0 0-73.301333-73.3184z"
                    fill={color}
                />
            </svg>
        );
    }
}
